@import "variables";

html {
    font-size: $root-font-size;
}

@include media-breakpoint-down(lg) {
    html {
        font-size: 13px;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    background-color: $body-background-color;
}

.content-container {
    min-height: calc(100vh - 60px);
    padding-bottom: 10rem;
    padding-top: 4.375rem;
}

a, a:link, a:visited {
    color: $body-color;
    text-decoration: underline;

    &.text-link {
        color: $primary-dark;
    }
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
    font-weight: $font-weight-medium;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: $secondary-font-size;
}

.bold {
    font-weight: $font-weight-bold;
}

.display-block {
    display: block;
}

footer {
    background-color: transparentize(#000000, 0.95);
    line-height: 3.75rem;
    height: 60px;
    font-size: 0.875rem;
}

.w-40 { width: 40% !important; }
.w-20 { width: 20% !important; }

@include media-breakpoint-down(sm) {
    .sm-col {
      margin-top: 1.5rem;
    }
}

@include media-breakpoint-up(xl) {
    .modal-xl { max-width: $modal-xl; }
}

.dialog {
    padding: 0px!important;
    border-radius: 4px!important;
}

.modal-footer{
    border-radius: 0 0 4px 4px!important;
}

.searchContainer {
    position: absolute;
    overflow: auto;
    max-height: 200px;
    width: 100%;
    z-index: 999;
    background-color: white;
    border: 1px solid $primary-color;
  }

  .searchContainer > span {
    padding: 5px;
    display: block;
  }

